<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">停止</button>
    <script>
        // 定时器： 3步
        //周期性  : 每个一段时间执行一次  setInterval(函数,时间间隔 毫秒,n,m..)
        //            clearInterval(timer);
        //             timer=null;
        //一次性  : 执行1次之后就不在执行了 setTimeout(函数,时间间隔 毫秒)
        //            clearTimeout(timer);
       //             timer=null;

        //1.创建一个变量未来接收定时器
        var timer=null;
 
        console.log("111");
        //2.timer 接收定时器
        //后面的参数就是执行函数在执行的时候传递的实参
        timer=setInterval((n,m)=>{
            console.log("aaa",n,m);
        },1000,10,20)//0:5-7ms 异步

        console.log("222");

        //3.停止定时器
        btn.onclick=function(){
           clearInterval(timer);
           timer=null;
        }


        // var timera=null;
 
        // //2.timer 接收定时器
        // //后面的参数就是执行函数在执行的时候传递的实参
        // timera=setInterval((n,m)=>{
        //     console.log("111",n,m);
        // },1000,10,20)

        // //3.停止定时器
        // btn.onclick=function(){
        //    clearInterval(timera);
        //    timera=null;
        // }
        // console.log(timer);
        // console.log(timera);
    </script>
</body>
</html>